/*以下是加载中的动画显示*/

.loading1 {
	/*display: none;*/
	font-size: 17px;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(250, 250, 250, 1);
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading1 .loading01 {
	position: relative;
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: 4.5s load1 ease-in infinite alternate;
}

.loading01>div {
	color: orangered;
	transition: all 0.3s;
	animation: 4.5s load2 ease-in infinite alternate, 3s color1 linear infinite;
}

.loading01>span {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 165, 0, 0.9);
	border-radius: 50%;
}

.loading01>span:nth-of-type(1) {
	top: -20px;
	background: rgba(230, 0, 0, 0.8);
}

.loading01>span:nth-of-type(2) {
	bottom: 0;
	right: -31px;
	background: rgba(0, 230, 0, 0.8);
}

.loading01>span:nth-of-type(3) {
	left: -31px;
	bottom: 0;
	background: rgba(0, 0, 230, 0.8);
}

@keyframes load1 {
	to {
		transform: rotate(360deg) scale(2);
	}
}

@keyframes load2 {
	to {
		transform: rotate(-360deg);
	}
}

@keyframes color1 {
	0% {
		color: red;
	}
	33% {
		color: green;
	}
	66% {
		color: blue;
	}
	100% {
		color: red;
	}
}